$(function() {
    // homeNav-left

    console.log($);
    $('#homePage>.nav>.homeNav-left>ul li').hover(function() {
        // over
        $(this).find('p').addClass('active')
        $(this).find('div').addClass('active')
    }, function() {
        // out
        $(this).find('p').removeClass('active')
        $(this).find('div').removeClass('active')
    });


    // end  homeNav-left
    // book-right

    $('#book .book-right>ul li').hover(function() {

        // over
        $(this).find('#rightMenu>p:nth-child(1)>img').addClass('active')
        $(this).find('.rightMenu>p:nth-child(2)').addClass('active')
        $(this).find('#rightMenu>p:nth-child(3)').removeClass('active')
    }, function() {
        // out
        $(this).find('#rightMenu>p:nth-child(1)>img').removeClass('active')
        $(this).find('.rightMenu>p:nth-child(2)').removeClass('active')
        $(this).find('#rightMenu>p:nth-child(3)').addClass('active')

    })

    // book-right end

    // <!-- Promotion of goods -->

    $('#title div ul>li').on('click', function() {
        $(this).addClass('active').siblings().removeClass('active')
        var index = $(this).index();
        console.log(index);
        // console.log($(this)[index]);
        console.log($('.promotion ul'));
        $('.promotion>div').animate({ 'left': -index * 1200 + 'px' }, 1000, 'linear', function() {})
    });


    // <!-- Promotion of goods end-->

    // 左侧边栏导航
    //把侧边栏提示封装到一个数组内
    var arr = ['推荐', '电子书', '服装', '户外', '童装', '家居', '推广', '顶部']
        //把侧边栏颜色封装到一个数组内
    var arr1 = ['#90A836', '#3F7568', '#C4D241', '#F45034', '#C46853', '#0E7FD2', '#D4408C', '#7A7B42']
    $('#sidebar li').hover(function() {
            var index = $(this).index();
            console.log(arr[index]);
            console.log(arr1[index]);
            $(this).html("<span>" + arr[index] + "</span>")
            $(this).css({ 'background-position-x': '-40px', "background-color": arr1[index] })
            $(this).animate({ 'width': '80px' }, 200)
        },
        function() {
            var index = $(this).index();
            console.log(arr[index]);
            console.log(arr1[index]);
            $(this).html("")
            $(this).css({ 'background-position-x': '0px', "background-color": '' })
            $(this).animate({ 'width': '40px' }, 200)
        })

    //点击跳转
    $('#sidebar li:last()').on('click', function() {
        $("html").animate({ "scrollTop": 0 }, 500)
    })
    $('#sidebar li:not(:last())').on('click', function() {
            var index = $(this).index();
            //获取楼层高度
            var scrollTop = $('.floors').eq(index).offset().top;
            console.log(scrollTop);
            $("html").animate({ "scrollTop": scrollTop }, 500)
        })
        // 左侧边栏导航 end

    //  <!-- 右侧领卷中心 -->

    $(".assistant>.four,.assistant>.second").hover(function() {
        $(".assistant>.four").stop(true).animate({ 'left': '-100px' }, 1000)
    }, function() {
        $(".assistant>.four").stop(true).animate({ 'left': '40px' }, 1000)
    })

    // <!-- 右侧领卷中心 end -->
})